﻿/* 页面文字 */
.common-text {
	COLOR: #000000;
	FONT-FAMILY: 'Arial', 'Helvetica';
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}
.common-text tbody tr td {
	COLOR: #000000;
	FONT-FAMILY: 'Arial', 'Helvetica';
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}
.common-text-bold {
	COLOR: #000000;
	FONT-FAMILY: 'Arial', 'Helvetica';
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}
.page-title {
	COLOR: #000000; 
	FONT-FAMILY: '黑体'; 
	FONT-SIZE: 18px; 
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none
}

/* 正在加载提示 */
.ext-el-mask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:none;
    background:none;
    padding:2px;
    margin-top:20px;
}

.ext-el-mask-msg div {
    padding:5px 10px 5px 10px;
    background: #eee;
    border:none;
    color:white;
    font:bold 11px verdana, arial, tahoma, helvetica, sans-serif;
    cursor:wait;
    height: 120px;
    background-image:none;
}

.x-mask-loading div {
    padding:5px 5px 5px 5px;
    background: url( '../images/loading.gif' ) no-repeat;
    line-height: 16px;
    height: 71px;
    width: 71px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

#loading-mask{
	position:absolute;
	left:0;
	top:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:white;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}
#loading .loading-indicator{
	background:white;
	color:#555;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
    text-align:center;
    height:auto;
}

/* IFRAME 中的主页面 */
#page-body {
	border: 0px none;
	BACKGROUND: #ffffff;
	padding-top: 0px;
	padding-left: 0px;
}

.page-title {
	COLOR: #000000;
	FONT-FAMILY: '黑体';
	FONT-SIZE: 18px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}

.page-title-line {
	background-color: #d0def0;
	height: 2px;
}

.page-title-block {
	background-color: #eeeeee;
	height: 20px;
}

/* 右击树节点 */
.x-node-ctx {
	background: #eee !important;
	border: 1px solid #ccc !important;
}

/* 窗口图标 */
.icon-win {
	background-image: url(../images/divo/win.gif ) !important;
}

/* grid filter 用*/
.x-grid3-hd-row td.ux-filtered-column {
	font-style: italic;
	font-weight: bold;
}

/* Multiselect 用 */
.ux-mselect {
	overflow: auto;
	background: white;
	position: relative; /* for calculating scroll offsets */
	zoom: 1;
	overflow: auto;
}

.ux-mselect-item {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	padding: 2px;
	border: 1px solid #fff;
	white-space: nowrap;
	cursor: pointer;
}

.ux-mselect-selected {
	border: 1px dotted #a3bae9 !important;
	background: #DFE8F6;
	cursor: pointer;
}

/* portal */
.x-portal .x-panel-dd-spacer {
	margin-bottom: 10px;
}

.x-portlet {
	margin-bottom: 10px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-ml {
	padding-left: 2px;
}

.x-portlet .x-panel-mr {
	padding-right: 2px;
}

.x-portlet .x-panel-bl {
	padding-left: 2px;
}

.x-portlet .x-panel-br {
	padding-right: 2px;
}

.x-portlet .x-panel-body {
	background: white;
}

.x-portlet .x-panel-mc {
	padding-top: 2px;
}

.x-portlet .x-panel-bc .x-panel-footer {
	padding-bottom: 2px;
}

.x-portlet .x-panel-nofooter .x-panel-bc {
	height: 2px;
}

/*for HtmlEditorImageInsert.js  */
.x-html-editor-tb .x-edit-insertimage .x-btn-text {
	background: transparent url(../images/divo/image.gif) no-repeat;
	background-position: 0 0;
}

/* SmartGrid */
#grid-view{
	background:#D9E8FB;
	border:2px solid #c3daf9;
	position:absolute;
	z-index:10006;
	font-size:8pt;
	width:300px;
	padding:5px;
	overflow:auto;
	left:-1000px;
	top:-1000px;
}
#grid-view input{
	font:normal 8pt arial,helvetica;
}
#grid-view .eg{
	display:block;
	padding:3px;
	color:#1e4e8f;
}
#grid-view-name {
	width:240px;
}
#grid-view-close {
	position:absolute;
	right:2px;
	top:2px;
	cursor:pointer;
}
#grid-view p{
	height:18px;
	display:none;
}
#grid-view p.active-msg{
	display:block;
}

/* column tree */
.x-column-tree .x-tree-node {
    zoom:1;
}
.x-column-tree .x-tree-node-el {
    /*border-bottom:1px solid #eee; borders? */
    zoom:1;
}
.x-column-tree .x-tree-selected {
    background: #d9e8fb;
}
.x-column-tree  .x-tree-node a {
    line-height:18px;
    vertical-align:middle;
}
.x-column-tree  .x-tree-node a span{
	
}
.x-column-tree  .x-tree-node .x-tree-selected a span{
	background:transparent;
	color:#000;
}
.x-tree-col {
    float:left;
    overflow:hidden;
    padding:0 1px;
    zoom:1;
}

.x-tree-col-text, .x-tree-hd-text {
    overflow:hidden;
    -o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: nowrap;
    font:normal 13px arial, tahoma, helvetica, sans-serif;
}

.x-tree-headers {
    background: #f9f9f9 url(../js/ext/resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
	cursor:default;
    zoom:1;
}

.x-tree-hd {
    float:left;
    overflow:hidden;
    border-left:1px solid #eee;
    border-right:1px solid #d0d0d0;
}

/* --- for ColumnMenu.js -- */
.x-column-menu {
    background: #f0f0f0;
    padding: 0;
    margin: 0;
}
.x-column-menu .x-menu-list {
    float: left;
    padding: 2px 2px 2px 3px;
    margin: 0;
    background: #f0f0f0 url(../images/divo/menu.gif) repeat-y;
}
.x-column-menu .x-menu-item-icon {
    margin: 0 10px 0 0;
}
.x-column-menu .x-menu-item-active {
    margin-left: 0px;
}


/*----- PasswordField.js --------- */
.x-form-password-strengthMeter {
	border: 1px solid #B5B8C8;
	margin: 3px 0 3px 0;
	background-image: url(../images/divo/meter_background.gif);
	
}
.x-form-password-strengthMeter-focus {
	border: 1px solid #7EADD9/*#000*/;
}
.x-form-password-scoreBar {
	background-image: url(../images/divo/meter.gif);
	height: 10px;
	width: 0;
	line-height: 1px;
	font-size: 1px;
}

/*----- Ext.ux.grid.RowActions --------- */
.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 5px 0 0;
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

/* styles for groups */
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}

/*----- StaticTextField --------- */
.ux-form-statictextfield {
	background: transparent;
	border: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	color: #333;
}

/*----- Ext.ux.grid.ProgressColumn --------- */
.x-grid3-progresscol .x-grid3-cell-inner {
  padding: 0px 0px 0px 5px;
}

.x-grid3-progresscol .x-progress-bar {
  height: 16px;
}

.x-grid3-progresscol .x-progress-inner {
  height: 16px;
}

.x-grid3-progresscol .x-progress-text-front-ie6 {
  padding: 2.5px 5px;
}

.x-grid3-progresscol .x-progress-text-front {
  padding: 2px 5px;
}

.x-progress-bar-red,.x-progress-bar-orange,.x-progress-bar-green {
  border-bottom: 1px solid #7fa9e4;
  float: left;
  height: 16px;
}

.x-progress-bar-red {
  background: #ff0000 url(../images/progress-bg-red.gif) repeat-x scroll left
    center;
  border-top: 1px solid #ecb7ad;
}

.x-progress-bar-orange {
  background: #9cbfee url(../images/progress-bg-orange.gif) repeat-x scroll
    left center;
  border-right: 1px solid #deab7e;
  border-top: 1px solid #d7b290;
}

.x-progress-bar-green {
  background: #00ff00 url(../images/progress-bg-green.gif) repeat-x scroll
    left center;
  border-right: 1px solid #5bd976;
  border-top: 1px solid #79e18f;
}

/* ---- Ext.ux.plugins.HeaderButtons ---- */
.ux-panel-header-btns-ct
{
    float: right;
}

.ux-panel-header-btns .x-btn
{
    margin-left: 2px;
}

.ext-ie .ux-panel-header-btns .x-btn button
{
    padding-top: 1px;
}

.ux-panel-header-btns .x-btn-icon .x-btn-center .x-btn-text
{
    background-position: 0 2px;
    height: 12px;
    width: 9px;
}

.ux-panel-header-btns .x-btn-text-icon .x-btn-center .x-btn-text
{
    background-position: 1px 3px;
    padding: 0 0 0 11px;
}

.ext-ie .ux-panel-header-btns .x-btn-text-icon .x-btn-center .x-btn-text
{
    padding: 1px 0 0 13px;
}

.ext-ie .ux-panel-header-btns .x-btn-text-icon .x-btn-center
{
    padding-right: 4px;
}

.ux-panel-header-btns .x-btn-left
{
    width: 2px;
    height: 15px;
    background: url(../images/hd-btn-sprite.gif) no-repeat 0 0;
}

.ux-panel-header-btns .x-btn-right
{
    width: 2px;
    height: 15px;
    background: url(../images/hd-btn-sprite.gif) no-repeat 0 -15px;
}

.ux-panel-header-btns .x-btn-center
{
    background: url(../images/hd-btn-sprite.gif) repeat-x 0 -30px;
    padding: 0 1px;
}

.ux-panel-header-btns .x-btn-left i, .ux-panel-header-btns .x-btn-right i
{
    width: 2px;
}

.ux-panel-header-btns .x-btn-text
{
    color: #3255B2;
}

.ux-panel-header-btns .x-btn-over .x-btn-text
{
    color: #264390;
}

.ux-panel-header-btns .x-btn-pressed .x-btn-text
{
    color: #264390;
}

.ux-panel-header-btns .x-btn-over .x-btn-left
{
    background-position: 0 -45px;
}

.ux-panel-header-btns .x-btn-over .x-btn-right
{
    background-position: 0 -60px;
}

.ux-panel-header-btns .x-btn-over .x-btn-center
{
    background-position: 0 -75px;
}

/*------------- ux-wiz --------------*/
.ext-ux-wiz-Header {
	background-color:white;
	border-bottom:1px solid #99BBE8;
}

.ext-ux-wiz-Header-title {
	font-weight: bold;
	padding: 4px 0px 0px 4px;
}

.ext-ux-wiz-Header-step {
	color:#767676;
	text-align:right;
	padding:2px 4px 0px 0px;
}

.ext-ux-wiz-Header-stepIndicator-container {
	float:right;	
	margin-right:6px;
	margin-top:8px;
}

.ext-ux-wiz-Header-stepIndicator {
	margin-left:28px;
	float:left;
	background-image:url(../images/ext-ux-wiz-stepIndicator.png);
	background-position:6px 0px;
	background-repeat:repeat-x; 
	height:6px;
	width:6px;
}

.ext-ux-wiz-Header-stepIndicator-active {
	background-position:0px 0px !important;
}

/*---- ToastWindow.js -----*/
.error {
    background-image :url(../images/divo/icon_error.gif);
}
.information {
    background-image:url(../images/divo/icon_info.gif) ! important;
}

/*---- table in form html -----*/
.divo-table {
	width: 100%;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	padding: 3px;
	border: 0px solid #9B9B9B;
	border-collapse: collapse;
	background-color: white;
}

.j-form-table {
	width: 100%;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	padding: 3px;
	border: 0px solid #9B9B9B;
	border-collapse: collapse;
	background-color: white;
}

.j-form-table tbody tr td .button {
    margin-right: 5px;
}

.j-form-table thead td, .j-form-table thead th {
	background-color: #E2E2E2; 
	/*border: solid #9B9B9B;
	border-width: 1px 0px 1px 0px;*/
	font-weight: bold;
	cursor: pointer;
	text-align:center;
}

.j-form-table thead tr {
	display: none;
}

.j-form-table thead td.valueHeader, .j-form-table thead th.valueHeader {
	width: 80%;
}

.j-form-table thead td.labelHeader, .j-form-table thead th.labelHeader {
	width: 20%;
}

.j-form-table tbody tr td {
	/*background: #EEEEE4;*/
	padding: 3px;
	/*width: 80%;*/
}

.j-form-tableNoPadding tbody tr td {
	/*background: #EEEEE4;*/
	padding: 0px;
	/*width: 80%;*/
}

.j-form-table tbody tr td.label {
	font-weight: bold;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color: #595959;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	width: 20%;
	vertical-align: top;
}

.j-form-table tbody tr td.propertyLabel {
	font-weight: bold;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color: #595959;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	width: 70%;
	vertical-align: top;
}

.j-form-table tbody tr td.titlePanel {
	font-weight: bold;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color: #595959;
	width: 60%;
	padding: 0px;
}

.j-form-table tbody tr td.errorPanel {
	color: red;
}

.j-form-table tbody tr.alt td {
	/* background: #E4E4D3; */
	/*background-color: #F9F9F7; */
	padding: 3px;
}


.j-form-table tbody tr.alt td.label {
	font-weight: bold;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color: #595959;
}

.j-form-table tbody tr.alt td.propertyLabel {
	font-weight: bold;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color: #595959;
}

.j-form-scroll-box {
	border: 1px solid #808080;
	overflow-y: scroll; 
	height: 175px;
	padding-left: 1px;
}
.j-form-boolean-box {
	height: 25px;
	padding-left: 1px;
}

/*  */
/* ============================ Simple grid style ============================ */
/*  */
.j-grid-table {
	width: 100%;
	font: 8pt Lucida, Grande, Arial, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #C8C8C8;
	border-collapse: collapse;
}

.j-grid-table a {	
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}
.j-grid-table a:link {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}
.j-grid-table a:hover {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}
.j-grid-table a:visited {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.j-grid-table thead td, .j-grid-table thead th {
	background-color: #D9E8FB; 
	border: solid #C2CED5;
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	font-weight: bold;
	cursor: pointer;
}

.j-grid-table thead td:hover {
	background-color: #AFBFC9;
}

.j-grid-table thead td.versionLabelHeader {
	width: 20%;	
}

.j-grid-table thead td.versionValueHeader {
	width: 40%;	
}

.j-grid-table thead td.selectedUp, table thead th.selectedUp {
	background-image:url(../images/divo/sortdown.gif);
	background-repeat:no-repeat;
	background-position: 95% 50%;
	background-color: #AFBFC9;
	padding-right: 3px;
}
		
.j-grid-table thead td.selectedDown, table thead th.selectedDown {
	background-image:url(../images/divo/sortup.gif);
	background-repeat:no-repeat;
	background-position:  95% 50%;
	background-color: #AFBFC9;
	padding-right: 3px;
}

.j-grid-table tbody tr td {   /* Row Color */
	background: white;
	padding: 3px;
	border: solid #C8C8C8;
	border-width: 1px 1px 1px 1px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.j-grid-table tbody tr.alt td {  /*Alt Row Color*/
	background: white;
	padding: 3px;
	border: solid #C8C8C8;
	border-width: 1px 1px 1px 1px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.j-grid-table tbody tr.selected td {
	background: yellow;
	padding: 3px;
	border: solid #C8C8C8;
	border-width: 1px 1px 1px 1px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.j-grid-table tbody tr.hovered td {
	background: #FEDDB1;
	padding: 3px;
	border: solid #C8C8C8;
	border-width: 1px 1px 1px 1px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	cursor: pointer;
}

.j-grid-table tbody tr td.changed {
	background: #ff9;
}

/* Center toolbar text (project name) */
#o-panel-center-tb span.ytb-text {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color: #3F3F3F;
	font-weight: bold;
}

.j-toolbar-dark .x-panel-header {
	/* #C0C0C0 */
	/* background: #D9E8FB; */
}

.j-toolbar-dark .x-layout-collapsed-west {
	/* #C0C0C0 */
	/* background: #D9E8FB; */
}

.j-toolbar-dark .x-layout-collapsed-east {
	/* #C0C0C0 */
	/* background: #D9E8FB; */
}

/* top status bar */
#status-bar {
  	position: absolute;
  	left: 400px;
  	top: 21px;
	width: 40%;
	z-index:30001;
}
#status-msg {
  background: #ffcc33;
  display: inline;
  font-weight: bold;
  padding: 2px 10px 3px;
  FONT-FAMILY: 'Arial', 'Helvetica';
  FONT-SIZE: 13px;
  FONT-WEIGHT: normal;
}

/* Ext.ux.UploadDialog.css */

.ext-ux-uploaddialog-addbtn
{
	background: url('../images/divo/file-add.gif') no-repeat left center !important;
}

.ext-ux-uploaddialog-removebtn
{
	background: url('../images/divo/file-remove.gif') no-repeat left center !important;
}

.ext-ux-uploaddialog-resetbtn
{
	background: url('../images/divo/reset.gif') no-repeat left center !important;
}

.ext-ux-uploaddialog-uploadstartbtn
{
	background: url('../images/divo/upload-start.gif') no-repeat left center !important;
}

.ext-ux-uploaddialog-uploadstopbtn
{
	background: url('../images/divo/upload-stop.gif') no-repeat left center !important;
}

.ext-ux-uploaddialog-indicator-stoped
{
	width: 16px;
	height: 16px;
	background: url('../images/divo/done.gif') no-repeat center center;
}

.ext-ux-uploaddialog-indicator-processing
{
	width: 16px;
	height: 16px;	
	background: url('../images/divo/loading.gif') no-repeat center center;
}

.ext-ux-uploaddialog-state
{
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Queued */
.ext-ux-uploaddialog-state-0
{
	background-image: url('../images/divo/uncheck.gif');
}

/* Finished */
.ext-ux-uploaddialog-state-1
{
	background-image: url('../images/divo/check.gif');
}

/* Failed */
.ext-ux-uploaddialog-state-2
{
	background-image: url('../images/divo/failed.gif');
}

/* Processing */
.ext-ux-uploaddialog-state-3
{
	background-image: url('../images/divo/file-uploading.gif');	
}

/* Progress bar fix */
.ext-ie7 .ext-ux-uploaddialog-dialog .x-progress-bar .x-progress-text div
{
	display: none;
}

.ext-ie7 .ext-ux-uploaddialog-dialog .x-progress-text-back
{
	position: absolute;
	left: 0px;
	right: 0px;
}

.ext-ie7 .ext-ux-uploaddialog-dialog .x-progress-text-back div
{
	width: auto !important;
	white-space: nowrap;
}

/* menu navigator */
#menus {
    width: 1140px;
    height: 400px;
    background: #fff url(../images/sview/bg.png) no-repeat;
    position:relative;
	left:0;
	top:0;
	margin-bottom:10px;
	margin-top:15px;
	margin-left:20px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}
#main-menu {
    position:absolute;
    left:30px;
    top:42px;
    width:186px;
    overflow:visible;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	z-index:1;
}
#main-menu-inner {
	zoom:1;
}
#main-menu a {
	text-align:right;
    color:#fff;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	line-height:16px;
	padding:5px 0 3px;
    cursor:pointer;
	display:block;
	padding-right:16px;
	-moz-outline:none;
	outline: 0 none;
	zoom:1;
}

#main-menu a:hover {
    background: transparent url(../images/sview/over-item.png) no-repeat;
	text-decoration: none;
}

#main-menu a.active {
    background: transparent url(../images/sview/active-item.png) no-repeat;
	text-decoration: none;
	color:#1860A8;
	font-weight:bold;
}

#main-menu a img {
	background-image: url(../images/sview/icons.gif);
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	margin:0 4px 0 0;
	vertical-align:top;
	display:none;
}

#main-menu h4 {
	display:none;
	font-weight:bold;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color:#284F85;
	margin:0;
	padding:4px;
	line-height:16px;
	background:transparent url(../js/ext/resources/images/default/panel/top-bottom.gif) repeat-x 0 -1px;
	border-bottom:1px solid #89a8cf;
}

#main-menu .menu-inactive-over span {
    text-decoration:underline;
}
#menu-box {
    position:absolute;
    left:215px;
    top:12px;
    line-height:14px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	background-color:#fff;
    border-style:solid;
    border-color:#fff;
	border-width: 0;
}
#menu-box-inner {
    width:814px;
	height:350px;
    line-height:14px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	background-color:#fff;
    border:1px solid;
    border-color:#3e6598 #3e6598 #3e6598 #3e6598;
	overflow:auto;
}

#menu-ct {
    padding:2px;
}

#menu-ct p i {
    color: #c33;
	font-style:normal;
	font-weight:bold;
}

#menu-ct h2 {
    border-bottom: 2px solid #99bbe8;
    cursor:pointer;
    padding-top:6px;
	-moz-user-select:none;
	-khtml-user-select:none;
}
#menu-ct h2 div {
    background:transparent url(../js/ext/resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
    padding:4px 4px 4px 17px;
    color:#3764a0;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}
#menu-ct .collapsed h2 div {
    background-position: 3px 3px;
}
#menu-ct .collapsed dl {
    display:none;
}

#menu-ct dd {
    float:left;
    width:300px;
    height:100px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
}
#menu-ct dd img {
    width:90px;
    height:90px;
    margin:5px 0 0 5px;
    float:left;
}
#menu-ct dd div {
    float:left;
    width:190px;
    margin-left:10px;
}
#menu-ct dd h4 {
	font-size: 14px;
	FONT-FAMILY: '幼圆', 'Arial', 'Helvetica';
    color:#555;
	line-height:22px;
    font-weight:bold;
}
#menu-ct dd p {
    color:#777;
	line-height:20px;
}
#menu-ct dd.over {
    background: #ebf7d2 url(../images/sview/sample-over.gif) no-repeat;
}

/* condensed view */

.condensed-view #menu-ct dd {
    float:left;
    width:135px;
    height:114px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.condensed-view #menu-ct dd img {
    width:120px;
    height:90px;
    margin:5px 2px 0;
    float:none;
}

.condensed-view #menu-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}

.condensed-view #menu-ct dd h4 {
    color:#666;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
    font-weight:normal;
	text-align:center;
	margin:0;
}
.condensed-view #menu-ct dd p {
    display:none;
}
.condensed-view #menu-ct dd.over {
	background:transparent url(../images/sview/sample-over.gif) no-repeat;
}
.condensed-view #menu-ct dd.over h4 {
	color:#1860A8;
}

/* mini view */

.mini-view #menu-ct dd {
    float:left;
    width:75px;
    height:69px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.mini-view #menu-ct dd img {
    width:60px;
    height:45px;
    margin:5px 2px 0;
    float:none;
}

.mini-view #menu-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}

.mini-view #menu-ct dd h4 {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
    color:#666;
    font-weight:normal;
	text-align:center;
	margin:0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.mini-view #menu-ct dd p {
    display:none;
}
.mini-view #menu-ct dd.over {
	background:#ebf7d2;
}
.mini-view #menu-ct dd.over h4 {
	color:#1860A8;
}

#menus-cb {
	position:absolute;
	left:910px;
	top:-10px;
	zoom:1;
	width:97px;
	height:24px;
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	color:#fff;
	background: transparent url(../images/sview/details-btn.gif) no-repeat 0 0;
	cursor:pointer;
	white-space:nowrap;
	zoom:1;
	overflow:hidden;
}

.condensed-view #menus-cb {
	background-position: 0 -25px;
}

.mini-view #menus-cb {
	background-position: 0 -50px;
}

#menus-cb img {
	width:32px;
	height:27px;
}

/*----- top bar menu --------- */
#top-bar-menu {
	padding: 0px;
	position: absolute;
	left: 250px;
	top: -2px
}
.top-bar-menu-item {
	padding: 0px;
	position: relative;
	top: -7px;
	color : white;
	line-height : 49px;
	margin-left:5px;
	cursor: hand;
}
.top-bar-menu-item-line {
	padding: 0px;
	position: relative;
	top: -7px;
	color : white;
	line-height : 49px;
	margin-left:5px;
	cursor: hand;
}
#top-bar-btn {
	padding: 0px;
	position: absolute;
	right: 10;
	top: 1px
}
.panel-html-btns .x-panel-body {
	background: #eaeaea;
}

.x-align-right {
	text-align: right;
}

.divo-panel-header .x-panel-body {
	background: #F0F0F0;
}

/* END */﻿/* --------------- 修改 Ext CSS -------------- */
.x-window-footer {
	position: relative;
	top: 0;
	right: 0;
}

.x-tab-strip SPAN.x-tab-strip-text {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-panel-header {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-tree-node {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-grid3-hd-row TD {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-grid3-row TD {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
	LINE-HEIGHT: 18px;
}

.x-tip .x-tip-bd {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-tip h3 {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-tip .x-tip-bd-inner {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-panel-tl .x-panel-header {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-form-field {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-small-editor .x-form-field {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-combo-list-item {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-menu-list-item {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-window-tl .x-window-header {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.ext-ie .x-form-text {
	margin-top: 1px;
}  /* the textField missing bottom line */
.x-form-item {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

.x-grid-group-hd DIV {
	font-size: 13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}

/* Override standard grid styles (add colour to vertical grid lines) */
.vline-on .x-grid3-col {
    border-left:  1px solid #EEEEEE;
    border-right: 1px solid #D2D2D2;
}

/* Also remove padding from table data (to compensate for added grid lines) */
.vline-on .x-grid3-row td, .x-grid3-summary-row td {
    padding-left: 0px !important;
    padding-right: 0px !important;
} 

/* END */.icon-update {
	background-image: url(../images/divo/edit.png )
}
.icon-delete {
	background-image: url(../images/divo/delete.png )
}
.icon-active {
	background-image: url(../images/divo/publish.gif )
}
.icon-not-active {
	background-image: url(../images/divo/trash.gif )
}
.icon-select{
	background-image: url(../images/divo/publish.gif )
}
#status-bar {
  	position: absolute;
  	left: 420px;
  	top: 10px;
	width: 30%;
	z-index:30001;
}
#html{
	margin:auto;
	width:1000px;
	background-color:#fff;
}
#header{
	margin:auto;
	width:100%;
	background-color:#fff;
	background-repeat:repeat-x;
}

#top_ad{
	width:100%;
	background-color:#f3f3f3;
}
#nav{
	margin:auto;
	width:100%;
	height:81px;
	background-color:#fff;
	background-image: url(../images/home/nav-bg.png);
}
#nav-l{
	float:left;
	width:425px;
	height:81px;
	text-align:center;
	background-color:#fff;
	background-image: url(../images/home/nav-left.png);
}
#nav-c{
	float:left;
	height:81px;
	background-color:#fff;
	background-image: url(../images/home/nav-bg.png);
}
#nav-c-t{
	margin:0;
	padding:0 0 0 10px;
	height:26px;
	text-align:right;
	line-height:26px;
	font-size:13px;
	FONT-FAMILY: 'Arial', 'Helvetica';
}
#nav-c-m{
	margin:0;
	padding:0;
}
#nav-c-m li{
	float:left;
	padding-right:20px;
	height:32px;
	line-height:32px;
	font-size:14px;
	font-weight:bold;
	font-family: 幼圆,微软雅黑,Arial,sans-serif ;
}

#nav-r{
	float:right;
	width:42px;
	height:81px;
	background-color:#fff;
	background-image: url(../images/home/nav-right.png);
}
#nav-l-t{
	float:left;
	padding-left:30px;
	width:65px;
	height:81px;
	line-height:85px;
	font-size:14px;
	font-weight:bold;
	font-family: 幼圆,微软雅黑,Arial,sans-serif, ;
}
#top-logo{
	float:left;
	width:325px;
	height:60px;
}
﻿/*-------- 公用图标---------- */
.icon-doc {
	background-image: url(../images/version.gif )
}
.icon-source {
	background-image: url(../images/cog.png )
}
.icon-action {
	background-image: url(../images/settings.png )
}

/*---- 网格用 -------*/
.grid-delete-line {
	text-decoration: line-through;
}

/*--- 表单用 ---*/
.form-label-align-left label {
	text-align: left;
}
#xf-checkcontent-title .x-panel-body {
	background: white;
}
.icon-audit {
	background-image: url(../images/export.gif )
}
.check_type_list{
	margin:0;
	padding:0;
}
.check_type_list li{
	line-height:36px;
	height:36px;
}
.check_type_list img{
	width:24px;
	height:24px;
}
.check_type_list li a{
	font-size:16px;
}
.check_type_list li a:hover{
	color:#CC6600;
	text-decoration: none;
	font-weight:bold;
}
.check-report-content-not-user-added {
	background: #c0ffff;
}

/* END */
